<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>タイルとは | アクションゲームツクールMV ヘルプ</title>
        <meta name="description" content="ツクールシリーズ最新作『アクションゲームツクールMV』Steamアーリーアクセス開始！">
        <meta name="keywords" content="ツクールMV,MV,ツクール,ツクールシリーズ,アクションゲームツクールMV,アクションゲームツクール,PixelGameMakerMV，PixelGameMaker">
        <link rel="icon" href="./favicon.ico">
        <!-- スタイルシート -->
        <link rel="stylesheet" href="./common/css/q-reset.css">
        <link rel="stylesheet" href="./common/drawer/drawer.min.css">
        <link rel="stylesheet" href="./common/css/common.css">
    </head>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-118975509-1"></script>
    <!-- Google Analytics -->
    <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-118975509-1', 'auto');
    ga('send', 'pageview');
    </script>
    <!-- End Google Analytics -->
    <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'UA-118975509-1');
    </script>

    <body id="menu04" class="flex bet drawer drawer--left">
        <header class="header">
            <button type="button" class="drawer-toggle drawer-hamburger">
                <span class="sr-only">toggle navigation</span>
                <span class="drawer-hamburger-icon"></span>
            </button>
            <nav id="nav_area" class="drawer-nav" role="navigation">
                <div class="drawer-menu">
                    <h1 class="drawer-navh1">
                        <a href="./index.html">
                            <picture>
                                <source srcset="./common/img/title_logo.png" media="(min-width: 641px)">
                                <img src="./common/img/title_logo_sp.png" alt="logo">
                            </picture>
                        </a>
                    </h1>
                    <dl>
                        <dt class="drawer-dropdown menu01"><a class="drawer-menu-item">はじめに</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./01_01.html">アクションゲームツクールMVとは</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./01_02.html">このソフトの特徴</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./01_03.html">ゲーム作成の始め方</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./01_04.html">ゲーム作成の基本</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./01_05.html">完成したゲームを遊ぶには</a></dd>
                        <dt class="drawer-dropdown menu02"><a class="drawer-menu-item">エディターの基本情報</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./02_01.html">画面の見方と基本操作</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./02_02.html">メニューバーについて</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./02_03.html">設定メニュー</a></dd>
                        <dt class="drawer-dropdown menu03"><a class="drawer-menu-item">シーン</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./03_01.html">シーンとは</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./03_02.html">シーン画面</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./03_03.html">シーンを追加する</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./03_04.html">タイルを配置する</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./03_05.html">他のパーツを配置する</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./03_06.html">配置したパーツの設定を行う</a></dd>
                        <dt class="drawer-dropdown menu04"><a class="drawer-menu-item">タイル</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./04_01.html">タイルとは</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./04_02.html">タイルの詳細設定</a></dd>
                        <dt class="drawer-dropdown menu05"><a class="drawer-menu-item">アニメーション</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./05_01.html">アニメーションとは</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./05_02.html">アニメーションを追加する</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./05_03.html">モーション：画面の見方</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./05_04.html">モーション：設定の手順</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./05_05.html">エフェクトアニメーション</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./05_06.html">パーティクルアニメーション</a></dd>
                        <dt class="drawer-dropdown menu06"><a class="drawer-menu-item">オブジェクト</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./06_01.html">オブジェクトとは</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./06_02.html">オブジェクト画面</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./06_03.html">アクションプログラム</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./06_04.html">オブジェクトの詳細設定</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./06_05.html">その他の設定項目</a></dd>
                        <dt class="drawer-dropdown menu07"><a class="drawer-menu-item">素材</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./07_01.html">素材とは</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./07_02.html">素材を追加する</a></dd>
                        <dt class="drawer-dropdown menu08"><a class="drawer-menu-item">遷移</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./08_01.html">遷移とは</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./08_02.html">画面フロー</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./08_03.html">ポータル移動</a></dd>
                        <dt class="drawer-dropdown menu09"><a class="drawer-menu-item">プラグイン</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./09_01.html">プラグインとは</a></dd>
                        <dt class="drawer-dropdown menu10"><a class="drawer-menu-item">資料集</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./10_01.html">素材とデータ</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./10_02.html">プラグインについて</a></dd>
                        <dt class="drawer-dropdown menu11"><a class="drawer-menu-item">その他</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./11_01.html">使用許諾契約書</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./11_02.html">商標・登録商標について</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./11_03.html">スタッフクレジット</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./11_04.html">ユーザーサポート</a></dd>
                    </dl>
                </div>
            </nav>
        </header>

        <main class="main">
            <article>
                <section>
                    <h2 class="main_h2"><span class="main_h2span">タイル</span>タイルとは</h2>
                    <h3 class="main_h3 main_h3--lineone">機能の概要</h3>
                    <p class="main_txt">ゲームの舞台となるフィールド（いわゆるマップ）は、「タイル」と呼ばれるパーツを組み合わせて作成します。ツール「タイル」では、タイルに用いる画像や、各タイルの壁判定（通り抜けの可否）、アニメーション、キャラクターが接触したときの効果など、さまざまな要素を管理できます。<br />作成したタイルは、ツール「シーン」でフィールドを描くのに使えます。</p>
                    <h4 class="main_h4">3種類のタイル</h4>
                    <p class="main_txt">タイルには以下の3種類があります。</p>
                    <table class="main_table">
                        <tr class="main_tr">
                            <th class="main_th">通常タイル</th>
                            <td class="main_td">壁や床などを作成できる、オーソドックスなタイルです。</td>
                        </tr>
                        <tr class="main_tr">
                            <th class="main_th">ギミックタイル</th>
                            <td class="main_td">SE再生やオブジェクトの表示、スイッチや変数の変更などの、さまざまなギミックを追加可能なタイルです。</td>
                        </tr>
                        <tr class="main_tr">
                            <th class="main_th">オートタイル</th>
                            <td class="main_td">シーンに配置するときに、自動で縁や壁が設定されるタイルです。他の2種類に比べ、設定できる項目が少なくなります。</td>
                        </tr>
                    </table>
                    <h4 class="main_h4">タイルの管理とタイルセット</h4>
                    <p class="main_txt">本ソフトでは、複数のタイルを収録したタイルセット単位でタイルを管理できます。各タイルセットには、元となる画像を1点のみ指定できます。異なるタイルセット（画像）上にあるタイルをまとめて管理したいときは、フォルダを利用すると便利です。</p>
                    <h3 class="main_h3 main_h3--lineone">画面の見方</h3>
                    <p class="main_txt">ツール選択メニューで「タイル」を選び、タイルセット一覧から設定を行うものを選びましょう</p>
                    <p class="main_img"><img src="./img/04/04_01_01.png" alt=""></p>
                    <dl>
                        <dt class="main_dt"><span class="main_num">1</span>タイルセット一覧</dt>
                        <dd class="main_dd">一覧のタイルセットやフォルダは、ドラッグ操作で並び替えたり、フォルダを用いて整理することができます。また、右クリックしてコンテキストメニューから、タイルセットのインポートやエクスポートを行うこともできます。</dd>
                        <dt class="main_dt"><span class="main_num">2</span>メニューボタン</dt>
                        <dd class="main_dd">
                            <table class="main_table main_table--under">
                                <tr class="main_tr">
                                    <th class="main_th"><span class="main_icon"><img src="./img/04/04_01_01icon.png" alt=""></span> タイル設定</th>
                                    <td class="main_td">選択中のタイルセットの基本設定を変更できます。</td>
                                </tr>
                                <tr class="main_tr">
                                    <th class="main_th"><span class="main_icon"><img src="./img/04/04_01_02icon.png" alt=""></span> フォルダ追加</th>
                                    <td class="main_td">一覧にフォルダを追加できます。</td>
                                </tr>
                                <tr class="main_tr">
                                    <th class="main_th"><span class="main_icon"><img src="./img/04/04_01_03icon.png" alt=""></span> タイル作成</th>
                                    <td class="main_td">一覧に新しいタイルセットを追加できます。</td>
                                </tr>
                                <tr class="main_tr">
                                    <th class="main_th"><span class="main_icon"><img src="./img/04/04_01_04icon.png" alt=""></span> 項目削除</th>
                                    <td class="main_td">選んでいる項目を削除します。</td>
                                </tr>
                            </table>
                        </dd>
                        <dt class="main_dt"><span class="main_num">3</span>プレビューエリア</dt>
                        <dd class="main_dd">タイルセットの画像が表示されます。プレビュー画像のいずれかをクリックして選択（またはドラッグして複数選択）すると、詳細設定の項目が表示されます。<br />エリア内はマウスホイールで上下にスクロールできるほか、マウスホイールを押し続けながらドラッグして上下左右にスクロール可能です。また、下部のメニューボタンから、以下の操作が行えます。</dd>
                        <dd class="main_dd">
                            <table class="main_table main_table--under">
                                <tr class="main_tr">
                                    <th class="main_th"><span class="main_icon"><img src="./img/04/04_01_05icon.png" alt=""></span> 壁判定の表示・非表示</th>
                                    <td class="main_td">タイルの壁判定の表示・非表示を切り替えます。</td>
                                </tr>
                                <tr class="main_tr">
                                    <th class="main_th"><span class="main_icon"><img src="./img/04/04_01_06icon.png" alt=""></span> グリッドの表示・非表示</th>
                                    <td class="main_td">グリッド（格子状の線）の表示・非表示を切り替えます。</td>
                                </tr>
                            </table>
                        </dd>
                        <dt class="main_dt"><span class="main_num">4</span>選択したタイルの詳細設定（→詳しくは<a href="./04_02.html">こちら</a>）</dt>
                        <dd class="main_dd main_dd--none">&nbsp;</dd>
                    </dl>
                    <h3 class="main_h3 main_h3--lineone">タイルセットを新規作成する</h3>
                    <p class="main_txt">新たなタイルセットを追加するときは、タイルセット一覧の下部にあるメニューボタンを選ぶか、コンテキストメニューから「新しいタイルを作成する」を選ぶと、設定ウィンドウが表示されます。タイルセットの種類を3種類のなかから選んだあと、使用する画像を選んでください。オートタイルの場合は、使用するプラグインを選ぶこともできます。</p>
                    <p class="main_img"><img src="./img/04/04_01_02.png" alt=""></p>
                </section>
            </article>
        </main>

        <!-- javascript -->
        <script src="./common/js/jquery224min.js"></script>
        <script src="./common/js/run.js"></script>
        <script src="./common/drawer/iscroll.js"></script>
        <script src="./common/drawer/drawer.min.js"></script>
        <script>
            $(function() {
                if (window.matchMedia( '(max-width: 1280px)' ).matches) {
                    $('.drawer').drawer();
                }
            });
        </script>
    </body>
</html>
